<template>
    <h1>登录页面</h1>

    <table>
        <tr>
            <td>用户账号</td>
            <td>
                <input type="text" v-model="Name" >
            </td>
        </tr>

        <tr>
            <td>用户密码</td>
            <td>
                <input type="password" v-model="Pwd">
            </td>
        </tr>

        <tr>
            <td colspan="2">
                <input type="button" value="登录" @click="login">
            </td>
        </tr>

    </table>

</template>

<script setup lang="ts">

import { ref } from 'vue';

const Name = ref('');
const Pwd = ref('');

const login = () => {
    alert(`账号：${Name.value} 密码：${Pwd.value}`);
};

</script>



